<template>
	<!-- 待评价 -->
	<view class="evaluated">
		<!-- 未支付商品信息 -->
		<view class="ddd" v-show="array4.length">
			<view class="orderlists">
				<view class="oredetime">
					<view class="goodstop">
						<u-icon name="home" size="24px"></u-icon>
						<text>欧莱雅旗舰店</text>
					</view>
					<view class="timestitle">待评价</view>
				</view>

				<view class="goodsinfo">
					<view class="image">
						<image
							src="../../static/order/luimg.png"
							style="width: 90px;height: 90px;"
						></image>
					</view>

					<view class="goodsname">
						车载小鹿首饰架摆件鹿角树形耳钉首饰展示架耳环架手链饰品收纳首饰挂件
					</view>
					<view class="goodsprice">
						<view>￥13.00</view>
						<text>x1</text>
					</view>
				</view>

				<view class="total">
					<view class="totalprice">
						共1件商品， 总金额：
						<text>¥13.00</text>
					</view>
				</view>
				<view class="paymentsclick">
					<button class="paymentsbtn1" @click="getsubmit">
						评价
					</button>
				</view>
			</view>
			<view style="text-align: center;margin-top: 30px;">
				我也是有底线的
			</view>
		</view>
		<view class="orderListInfo" v-show="!array4.length">
			<!-- 暂无订单 -->
			<u--image
				width="100vw"
				height="400px"
				src="https://img.ixintu.com/download/jpg/20210408/bff28269f495ba2cdf07375741baf926_800_800.jpg!con"
			></u--image>
			<view class="error">暂无订单.......</view>
		</view>
	</view>
</template>

<script>
import {getevaluated} from "../../network/order.js";
export default {
	data() {
		return {
			array4: [
				{
					id: 1001,
					name: "ssssd",
					src:
						"https://img.zcool.cn/community/01d7755964903ea8012193a3785839.jpg@1280w_1l_2o_100sh.jpg"
				}
			],
			src:
				"https://img.zcool.cn/community/01d7755964903ea8012193a3785839.jpg@1280w_1l_2o_100sh.jpg"
		};
	},
	async created() {
		let res = await getevaluated();
		console.log("待评价", res);
		//this.array4=res.data.list
	},
	methods: {
		getsubmit() {
			uni.navigateTo({
				url: "/pages/orderinfo/evaluate"
			});
		}
	}
};
</script>

<style lang="scss">
.orderlists {
	margin-top: 20px;
	background-color: white;
	padding: 10px;

	.oredetime {
		display: flex;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-bottom: 1px solid #ccc;

		.goodstop {
			flex: 1;
			display: flex;
			text-align: left;
			font-size: 14px;
		}

		.timestitle {
			text-align: right;
			flex: 1;
			font-size: 14px;
			color: red;
		}
	}

	.goodsinfo {
		display: flex;
		text-align: center;
		padding: 20px;

		.image {
			flex: 1;

			img {
				width: 40px;
				height: 60px;
			}
		}

		.goodsname {
			flex: 3;
			font-size: 14px;
			padding: 0px 3px;
		}

		.goodsprice {
			flex: 1;
			font-size: 14px;
			color: #dedede;
		}
	}

	.totalprice {
		padding: 20px 0px;
		text-align: right;

		text {
			color: red;
		}
	}

	.paymentsclick {
		display: flex;

		.paymentsbtn1 {
			border: 1px solid #ccc;
			background-color: white;
			border-radius: 25px;
			height: 30px;
			color: #dedede;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			margin-left: 240px;
		}

		.paymentsbtn2 {
			background-color: red;
			border-radius: 25px;
			line-height: 30px;
			font-size: 14px;
			height: 30px;
			color: white;
			text-align: center;
		}
	}
}
</style>
